<template>
	<view class="bi-follow-official-account">
		<view class="bi-follow-official-account__title">关注“混天凝”公众号</view>
		<view class="bi-follow-official-account__content">
			<view class="bi-follow-official-account__qrcode">
				<image src="/static/images/official-account-qrcode.jpg" style="width: 148px; height: 148px;" show-menu-by-longpress></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'BiFollowOfficialAccountPanel',
	methods: {
		handleConfirmClick () {
			this.$emit('confirm')
		}
	}
}
</script>

<style lang="less">
.bi-follow-official-account{
	width: 208px;
	height: 272px;
	padding: 68px 22px 12px;
	background: url('/static/images/official-account-bgimg.png') no-repeat 50% 50%;
	background-size: cover;
}
.bi-follow-official-account__title{
	font-weight: 500;
	text-align: center;
	padding: 0 20px;
}
.bi-follow-official-account__content{
	padding: 20px;
}
.bi-follow-official-account__qrcode{
	width: 148px;
	height: 148px;
	background-color: #eee;
	margin: 48px auto 6px;
}
.bi-follow-official-account__tips{
	font-size: 12px;
	color: #999;
	text-align: center;
}
</style>